/*pad*/
input[type="submit"], input[type="reset"], input[type="button"], button {	-webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}

body{	min-width:320px;}.manu{display: none;}

/*导航*/
.gh {	position: absolute;	top: 50%;	height:40px;	width: 40px;	border-radius: 50%;	margin-top:-22px;	right: 10px;	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;	cursor: pointer;	display: none;	z-index: 9999;}.gh.selected {	transform: rotate(90deg);}.gh a {	background-color: #3e3d42;	display: block;	height:3px;	position: relative;	top: 50%;	margin-top: -1px;	left: 10%;	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;	width: 80%;	border-radius: 5px;}.gh a:after, .gh a:before {	border-radius: 10px;	background-color: #3e3d42;	content: "";	display: block;	height: 2px;	left: 12%;	position: absolute;	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;	width: 76%;	overflow: hidden;}.gh a:after {	top: 8px;}.gh a:before {	top: -8px;}.gh.selected a:after, .gh.selected a:before {	top: 0;	background: #3e3d42;}.gh.selected a:before {	transform: translateY(0px) rotate(-45deg);	-webkit-transform: translateY(0px) rotate(-45deg);	-ms-transform: translateY(0px) rotate(-45deg);}.gh.selected a:after {	transform: translateY(0px) rotate(45deg);	-webkit-transform: translateY(0px) rotate(45deg);	-ms-transform: translateY(0px) rotate(45deg);}.gh.selected a {	background-color: transparent !important;}

@media screen and (max-width: 1600px) {	
.wrapper{width: 1200px;}	.box3right{padding-top: 3%;}	.box3wrap .box3item{margin-bottom: 9%;}
.wrapper1{width: 1180px;margin: 0 auto;}
}

@media screen and (max-width: 1400px) {	
.box3detail{padding: 0 30px 0 100px;line-height: 1.4;}	.box3right{padding:3% 6% 0 0;width: 35%;}	.htit2.sec{padding: 9% 0 12%;}	.box2wrap .box2item{margin: 0 20px;}
}

@media screen and (max-width: 1370px) {	
.content-box3 {
    height: 750px;
    background: #fafafa url(../images/box3bg.png) no-repeat left bottom;
    background-size: 100% 100%;
.box3detail p{ margin-top:0; }
.box3detail{padding: 5% 30px 0 70px;margin-top: 0;}	.box3right{padding:3% 4% 0 0;}	.htit2.sec{padding: 9% 0 11%;}}@media screen and (max-width: 1210px) {	.header {height: auto;}	.header_list{display: none;}	.headertop{padding: 28px 0;}	.manu{display: block;margin:20px auto;width:60px;}	.manu img{width: 100%;vertical-align: top;}	.gh {		display: none;		border: 2px solid #3e3d42;	}	.header .nav {		position: fixed;		left: 0;		right: 0;		top: 0;		height: 101vh;		margin:0;		background: rgba(255,255,255,1);		width: auto;		z-index: 999;		display: none;		overflow-y: auto;	}	.header.selected .nav{ display:block;}	.header .nav .wrapper{padding: 0;height: auto;}	.header .nav ul {		padding-top: 109px;		width: 100%;		float: none;	}	.header .nav ul li {		float: none;		display: block;		height: 50px;	}	.header .nav ul li a {		display: block;		height: 50px;		line-height: 50px;		color: #3e3d42;		font-size: 16px;		padding: 0;		text-align:center;	}	.navlist li a:after{		display: none;	}	.header .nav li a:hover, .header .nav li.selected a{		color: #fff;		background: #e12a2f;	}	.loginbox{float: none;display: block;width: 100%;margin-top:20px;text-align: center;}	.loginbox a{color: #6e6e6e;}	.loginbox a.logon{background: url(../images/loginf.png) no-repeat left center;background-size:14px auto;}	.swiper-container1{		margin-top: 109px;		height: auto;	}	.swiper-container1 .swiper-slide a img{		height: auto;		width: 100%;	}	.wrapper{padding: 0 24px;width: auto;box-sizing: border-box;}	.content-box3{background: #fafafa;height: auto;}	.content-box3 .wrapper{flex-direction: column;}	.box3left{width: 100%;}	.box3detail{margin-top: 0;background: #fafafa url("../images/box3bg1.png") no-repeat left bottom;background-size:100% 100%;padding: 4% 10% 16% 20%;}	.htit2{text-align: center;}	.htit2 .tit{justify-content: center;padding-top: 10px;}	.htit2 .tit i{border-bottom: none;}	.htit2{padding: 40px 0;}	.box3right{width: 100%;padding:80px 0;}	.htit2.sec{padding: 40px 0;}	.box3wrap .box3item{margin-bottom: 20px;width: 24%;height: 120px;background: #fff;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.1);}	.fottopbox{width: 384px;top: -90px;}	.fottopbox:after{width: 679px;height: 292px;bottom:-66px;left: -3px;}	.fottopbox .telnum{font-size:34px;}}@media screen and (max-width: 900px) {	.content-box2 .box2bg{width: auto;}	.content-box2 .htit2.sec{		padding: 30px 0 0px;	}	.box2wrap .box2item{width: 65px;height: 65px;margin: 0 3px;}	.box2wrap .box2item img{		width: 50%;	}	.box2wrap .box2item:nth-child(2n){		margin-top: 40px;	}	.box2wrap .box2item:nth-child(3){		margin-top: 10px;	}	.htit2 .tit{font-size: 20px;padding-top: 2px;margin-bottom: 0;}	.htit2 .subtit1{font-size: 16px;}	.htit2 p{font-size: 12px;}	.numberitem{margin: 0 20px;font-size: 16px;}	.numberitem .num{font-size: 30px;}	.numberitem .num em{font-size: 18px;right: -1px;}	.wrapper{padding: 0 16px;}	.content-box2 .wrapper{padding: 0 5px;}	.content-box2{padding-bottom: 40px;}	.box2wrap{flex-wrap: wrap;justify-content: center;padding: 20px 0;}	.content-box1{padding-bottom: 40px;}	.htit .tit{font-size: 20px;}	.htit .subtit1{font-size: 16px;}	.product-item{width: 49.5%;}	.product-item .title{font-size: 16px;flex-direction: column;align-items: center;justify-content: center;}	.product-item .title strong{font-size: 12px;display: block;}	.htit .thrtit{font-size: 12px;}	.htit{padding: 40px 0 20px;}	.footer .wrapper{padding: 0;}	.footernav{height: auto;}	.footer_item{width: 21%;margin: 0 2%;}	.fottopbox{position: inherit;right: 0;top: 0;background:#3c3d46;padding:40px 0;width: 100%;height: auto;margin: 40px 0 0;}	.fottopbox:after{display: none;}	.copy{padding: 40px 2% 50px;}	.box3detail{background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.1);padding: 16px;font-size: 14px;}	.box3right{padding: 40px 0;}	.box3wrap .box3item{width: 48%;}	.box3wrap{height: auto;flex-wrap: wrap;}	.box3wrap .box3item img{    vertical-align: top;    max-height: 100%;   display: block;}
.swiper-container4 .hoverimg{height: auto;}	.swiper-container4 .date strong{font-size: 30px;padding-left: 4px;}	.swiper-container4{padding-bottom:80px;}	.swiper-container4 .date p{font-size: 16px;}	.swiper-button-next4, .swiper-button-prev4{bottom: 30px;}}@media screen and (max-width: 760px) {	.htit2 .tit,.htit .tit{font-size: 18px;}	.htit2 .subtit1,.htit .subtit1{font-size: 14px;}	.header .logo{width: 240px;margin-left: 5px;}	.gh{width: 24px;height: 24px;border: 1px solid #3e3d42;margin-top: -13px;}	.gh a{height: 2px;}	.gh a:after, .gh a:before{height: 1px;}	.gh a:before{top: -4px;}	.gh a:after{top: 5px;}	.fullSlide{margin-top: 104px;}	.subnavli.on{top: 104px;}	.swiper-container1{		margin-top: 96px;	}	.header .nav ul{		padding-top: 96px;	}	.htit2.sec{padding: 0 0 20px;}	.htit .subtit1{padding: 0;}	.swiper-container-horizontal > .swiper-pagination1{bottom: 10px;}	.swiper-pagination1 .swiper-pagination-bullet{width: 12px;height: 12px;}	

/*.swiper-container1 .swiper-slide a{height: 300px;}*/	/*.swiper-container1 .swiper-slide a img{height: 100%;width: auto;}*/	.logo{width: 250px;height: auto;}	.logo img{width: 100%;height: auto;}	.navitem.selected > a{background-size: 15px auto;}	.dlbox{display: none;}	.footer{padding: 0 0 20px;background: #3c3d46;}	.copy{padding-top: 10px;text-align: center;}	.copytop p{float: none;}	.rebox{display: none;}	.fottopbox{margin-top: 0;}	.mui-bar-tab {		bottom: 0;		width: 100%;		height: 50px;		padding: 0;		display:block;	}	.mui-bar {		position: fixed;		z-index: 10;		right: 0;		left: 0;		height: 44px;		padding-right: 10px;		padding-left: 10px;		border-bottom: 0;		background-color: #3c3d46;		display: flex;		align-items: center;		box-sizing: border-box;		justify-content: space-between;	}	.mui-tab-label{color: #fff;}	.mui-bar a{width: 50%;display: flex;align-items: center;justify-content: center;}	.mui-bar a .mui-icon{width: 25px;height:25px;display: inline-block;}	.cs2 {		background: url("../images/site.png") no-repeat left top;		background-size: 100% auto;	}	.cs3 {		background: url("../images/telephone.png") no-repeat left top;		background-size: 100% auto;	}}


@media screen and (max-width: 1200px) {	
.box3right{width: 100%;}
}